﻿.itemPopup {
	width:840px;
	height:500px;
	overflow:hidden;
	color:#333333;
}

#standup .itemPopup
{
	color:#DDDDDD;
}

.itemPopup dl
{
	padding:0;
	margin:0;
}
.itemPopup .itemInfo
{
	line-height:1.1em;
	font-size:4.5em;
	width: 78%;
	float:left;
}
.itemPopup .itemInfo > div
{
	margin-bottom: 10px;
}
.itemPopup .profileImage
{
	background-color:#333333;
	float:right;	
	width:178px;
	min-height:218px;
}
.itemPopup .profileImage h2
{
	font-size:2em;
	line-height:1.5em;
	padding-bottom:3px;
}
.itemPopup .itemTitle
{
	clear:both;
	font-size:60px;
	line-height:1em;
	padding-top:20px;
	position:absolute;
	top:45%;
	width:840px;
}

iframe.itemPopup
{
	border:medium none;
	overflow-y:auto;
}

externalContentFrame
{
	display:none;
}

/* 
    root element for the scrollable. 
    when scrolling occurs this element stays still. 
*/ 
div.scrollable { 
 
    /* required settings */ 
    position:relative; 
    overflow:hidden; 
    width:840px;
    height:500px; 
} 
/* 
    root element for scrollable items. Must be absolutely positioned 
    and it should have a extremely large width to accomodate scrollable items. 
    it's enough that you set width and height for the root element and 
    not for this element. 
*/ 
div.scrollable div.items { 
    /* this cannot be too large */ 
    width:20000em; 
    position:absolute; 
} 
/* 
    a single item. must be floated in horizontal scrolling. 
    typically, this element is the one that *you* will style 
    the most. 
*/ 
div.scrollable div.items > div { 
    float:left; 
}
/* you may want to setup some decorations to active the item */ 
div.items div.active { 
    border:1px inset #ccc; 
    background-color:#fff; 
}

.apple_overlay { 
    padding:25px;    
    display:none;
    z-index:10000;
    width:840px;	
    min-height:500px;
    border:1px solid #666;
    -moz-box-shadow:0 0 90px 5px #000;
    -webkit-box-shadow: 0 0 90px #000;
    /*-moz-border-radius: 10px;*/
    /*-webkit-border-radius: 10px;*/ 
}
.apple_overlay .prev { 
    position:absolute;
    top:-15px;
    left:399px;
    -moz-box-shadow: 0px 0px 15px #1f1f1f;
} 
.apple_overlay .details,
.apple_overlay .overview 
{
	position:absolute;
	top:-15px;
	left:508px;
	-moz-box-shadow: 0px 0px 15px #1f1f1f;
}
.apple_overlay .next { 
    position:absolute;
    top:-15px;
    left:616px;
    -moz-box-shadow: 0px 0px 15px #1f1f1f;
}
.apple_overlay .close { 
    position:absolute;
    top:-15px;
    right:25px;
    -moz-box-shadow: 0px 0px 15px #1f1f1f;
}

.apple_overlay .overview
{
	display:none;
}



